/*common*/
* { margin: 0; padding: 0; }
body { overflow-x: hidden; }
a { text-decoration: none; outline: none; }
ol, ul, li { list-style: none; }
.w_1200 { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.red { color: #e60012; }
.dark { color: #333; }

/*header*/
#header { position: fixed; background: rgba(229, 229, 229, 0); transition: all .3s ease-out 0s; border-bottom: rgba(255, 255, 255, .11) 1px solid; z-index: 99 }
.mini .logo { background: url(../images/logo_2.png) no-repeat; }
#header.mini { background: #fff; }
#header.mini .menu a,#header.mini .backHome span {color:#555;}
.menu li em{background: url(../images/l_1.png);}
.mini .menu li .index em { background: url(../images/l_2.png); }
.menu .index .english { display: inline-block; vertical-align: middle; }
.mini .menu .current i { background: #e60012; opacity: 1; }
.menu a {color:#dbd0d0;}
.menu a .english { display: none; font-size: 16px; color: #e60012; }
.menu a .chinese { font-size: 18px; display: inline-block; vertical-align: middle; }
.backHome span { color: #dbd0d0;}
/*slide*/
.js-silder { position: relative; min-width: 1200px;max-height: 1080px; z-index: 0; }
.silder-scroll { width: 100%; overflow: hidden; }
.silder-main { position: relative; width: 100%; overflow: hidden; }
.silder-main-img { position: absolute; top: 0; left: 0; width: 100%; }
.silder-main-img img { width: 100%; }
.js-silder-ctrl {width: 100%;text-align: center;position: absolute;bottom: 14%;}
.silder-ctrl-prev, .silder-ctrl-next { position: absolute; top: -248px; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "å®‹ä½“"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px; }
.silder-ctrl-prev { left: 16%; text-align: left; }
.silder-ctrl-next { right: 16%; text-align: right; }
.silder-ctrl-prev>span, .silder-ctrl-next>span { width:52px;height:52px;position: absolute; }
.silder-ctrl-prev>span { left: 0;background: url(../images/l_3.png) no-repeat; text-indent: -999px; }
.silder-ctrl-next>span { right: 0;background: url(../images/l_4.png) no-repeat;text-indent: 999px;  }
.silder-ctrl-con {display: inline-block;width: 15px;height: 15px;border-radius: 50%;margin: 0 12px;cursor: pointer;}
.silder-ctrl-con>span {display: block;line-height: 0;text-indent: -9999px;overflow: hidden;width: 15px;height: 15px;border-radius: 50%;cursor: pointer;border: #c2bdbd 1px solid;}
.silder-ctrl-con.active>span { background-color: #c2bdbd; }
@media (max-width:768px) {
	.silder-ctrl-prev, .silder-ctrl-next { width: 10%; font-size: 26px; margin-top: -25px; }
	.silder-ctrl-con { width: 14px; height: 14px; padding: 0; margin: 0 5px; }
	.silder-ctrl-con>span { display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0; }
}
.indexCon { background: #fff; position: relative; z-index: 1; }

/*栏目标题*/
.mt_60 { margin-top: 60px; }
.hz-header { text-align: center; }
.hz-header .redLine-top { width: 69px; height: 7px; background: #e60012; display: block; margin: 0 auto 20px; }
.hz-header h2 { font-family: ThEx; color: #666; font-size: 30px; font-weight: normal; }
.hz-header .topT span { font-size: 40px; font-weight: 700 }
.hz-header p { display: block; color: #666; margin: 20px 0 60px; font-size: 16px; }
.icon_1 { width: 31px; height: 31px; display: inline-block; background: url(../images/title-jt.png) no-repeat; margin: 0 10px; }

/*产品特色*/
.product { position: relative; z-index: 1; }
.product .pTit { height: 347px; background: url(../images/p1.png) no-repeat center center; overflow: hidden; }
.pIcon { height: 385px; background: #c1000f; }
.icon_k { position: relative; cursor: pointer;}
.icon_k .hover { display: none; position: absolute; top: -60px; background: #333; width: 236px; height: 400px;box-shadow: 2px 3px 20px #333; }
.icon_k { width: 236px; display: inline-block; text-align: center; }
.icon_k .normal img { display: block; width: 126px; height: 126px; margin: 110px auto 30px; }
.icon_k span { display: block; color: #fff; margin-bottom: 15px; font-size: 19px; }
.icon_k .english { font-size: 15px; font-weight: LtEx; opacity: 0.4; }
.num { width: 117px; height: 59px; display: block; position: absolute; top: -117px; right: 0;  }
.icon_k .hover img { margin-top: 120px; margin-bottom: 50px; }
.icon_3 { width: 62px; height: 7px; display: inline-block; background: url(../images/s9.png); margin: 30px auto 0; }
.pIcon .w_1200{position: relative;}
.pIcon .hd{position: absolute;bottom:-130px;height:46px;width: 157px;left:50%;margin-left:-78px;}
.pIcon .hd a{width: 46px;height: 46px;display: inline-block;background: #f00;margin:0 15px;background: url(../images/s10.png);}
.pIcon .hd a.prev{background-position: 0 0;}
.pIcon .hd a:hover.prev{background-position: 0 -59px;}
.pIcon .hd a.next{background-position: -76px 0;}
.pIcon .hd a:hover.next{background-position: -76px -59px;}
/*合作优势*/
.hezuo { background: #fff url(../images/s1.png) repeat; height: 682px; margin-top: 147px; }
.bigPic { width: 386px; float: left; }
.mr20 { margin-right: 20px; }
.hzPic { width: 386px; height: 386px; display: block; overflow: hidden; position: relative; background: #000; -webkit-perspective: 2000px; perspective: 2000px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s ease 0s; }
.hzPic figcaption, .hzPic figcaption a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hzPic figcaption a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.hzPic:hover { height: 407px; }
.hzPic img { min-width: 100%; height: 100%; display: block; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 300px); transform: translate3d(0, 0, 300px); }
.hzPic:hover img { opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.hzPic figcaption:before, .hzPic figcaption:after { position: absolute; top: 15px; right: 15px; bottom: 128px; left: 15px; content: ''; opacity: 0; -webkit-transition: opacity 0.55s, -webkit-transform 0.55s; transition: opacity 0.55s, transform 0.55s; }
.hzPic figcaption:before { border-top: 2px solid #d7000e; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
.hzPic figcaption:after { border-right: 2px solid #d7000e; border-left: 2px solid #d7000e; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
.hzPic:hover figcaption:before, .hzPic:hover figcaption:after { opacity: 0.6; -webkit-transform: scale(1); transform: scale(1); }
.hzPic h2 { width: 386px; height: 89px; color: #fff; position: absolute; bottom: 0px; left: 0; padding: 15px; font-size: 16px; margin-bottom: 0; z-index: 3; font-weight: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.hzPic .tBg { width: 386px; height: 89px; display: block; background: #999; opacity: 0.98; position: absolute; bottom: 0px; left: 0; z-index: 2; }
.hzPic:hover .tBg { opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.hzPic:hover h2 { height: 129px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.hzPic h2:before { top: 50%; }
.hzPic h2:after { bottom: 50%; }
.hzPic h2:before, .hzPic h2:after { background: #e60012; content: ''; width: 100%; height: 0; opacity: 0; position: absolute; left: 0; z-index: -1; transition: all 0.3s; }
.hzPic:hover h2:before, .hzPic:hover h2:after { height: 50%; opacity: 0.83; }
.hzPic h2 span { font-size: 22px; font-family: LtEx; font-weight: normal; }
.hzPic h2 span.num1:after { content: "01 /"; }
.hzPic h2 span.num2:after { content: "02 /"; }
.hzPic h2 span.num3:after { content: "03 /"; }
.hzPic h2 span.num1:after { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.hzPic:hover h2 span:after { font-size: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.hzPic h2 p { display: block; text-align: center; margin-top: 10px; }

/*about us*/
.aboutUs { margin-top: 46px; height: 923px; position: relative; }
.aboutCon {width: 1560px;height: 593px;position: absolute;left: 0;background: url(../images/s5.png) left center;}
.w_about{width:1200px;margin: 0 auto;position: relative;}
.aboutCon section { width: 1200px; overflow: hidden; }
.tit-warp { margin: 200px 0 56px 68px; }
.tit-warp h3 { font-size: 36px; color: #fff; }
.tit-warp .qy { font-weight: 700; }
.tit-warp .qy em.red { font-style: normal; color: #b41621; }
.tit-warp .qy i { margin: 0 5px; width: 1px; height: 25px; display: inline-block; background: #b41621; }
.tit-warp .engInfo { font-size: 23px; color: #ababab; font-family: MdEx; margin-left: 30px; }
.des-wrap{width:985px;}
.des-wrap p { color: #fff; font-size: 16px; line-height: 32px; margin-bottom: 30px; margin-left: 68px; }
.more-view { width: 144px; height: 40px; position: relative; float: right;transition: all 0.5s; }
.more-view a { border: #b41621 1px solid; border-left: #b41621 4px solid; width: 144px; height: 40px; line-height: 40px; padding-left: 10px; color: #c81d2a; display: inline-block; font-size: 16px; position: absolute; z-index: 2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.more-view:before { content: ''; position: absolute; top: 0; left: 0px; width: 0%; height: 100%; z-index: 1; opacity: 0; background-color: #b41621; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.more-view:hover:before { opacity: 1; width: 100%; }
.more-view a:hover { color: #fff; text-decoration: none; }
.icon_2 { width: 42px; height: 5px; display: inline-block; background: url(../images/s6.png) no-repeat; margin-right: 15px; float: right; margin-top: 17px; }
.more-view a:hover .icon_2 { background: url(../images/s7.png) no-repeat; }
/*join us*/
.joinUs { height: 857px; background: url(../images/s8.png) no-repeat center; }
.jiCon { border-top: #d7d7d7 1px solid; }
.jiCon section { margin-left: -15px; }
.menuL { width: 196px;float:left;position: relative; }
.menuList {width: 196px;margin: 60px 0;}
.menuList .zhiwei { width: 150px; height: 126px; border-bottom: #d7d7d7 1px solid; list-style: none; position: relative; }
.menuList .zhiwei a { width: 196px; height: 100%; display: block;position: absolute; z-index: 2;box-sizing: border-box; }
.menuList .zhiwei span { display: block; }
.zwName { font-size: 18px; padding-top: 40px; color: #333; margin-bottom: 5px; }
.egName { color: #c4c4c4; font-size: 13px;width:150px;}
.menuList .zhiwei a:hover{ 
	-webkit-transition: padding-left .2s,left .2s;
	-moz-transition: padding-left .2s,left .2s;
	-ms-transition: padding-left .2s,left .2s;
	-o-transition: padding-left .2s,left .2s;
    transition: padding-left .2s,left .2s;
}
.menuList .zhiwei a:hover,.menuList .zhiwei.on a{width: 196px;padding-left:12px; }
.menuList .zhiwei a:hover .zwName, .menuList .zhiwei a:hover .egName,.menuList .zhiwei.on a .zwName, .menuList .zhiwei.on a .egName { color: #fff; }
.menuList .zhiwei.product a:hover,.menuList .zhiwei.product.on a{background: linear-gradient(to right, #fdc159 8%, #fb9a78 68%, #fa7b91);box-shadow:6px 6px 16px rgba(250,123,145,0.8);} 
.menuList .zhiwei.front a:hover,.menuList .zhiwei.front.on a{background: linear-gradient(to right, #7edefe 8%, #77ceff 68%, #6fbcff);box-shadow:6px 6px 16px rgba(111,188,255,0.8);}
.menuList .zhiwei.user a:hover,.menuList .zhiwei.user.on a{background: linear-gradient(to right, #00e4df 8%, #00e4b1 68%, #00e489);box-shadow:6px 6px 16px rgba(0,228,137,0.8);}
.menuList .zhiwei.php a:hover,.menuList .zhiwei.php.on a{background: linear-gradient(to right, #e9bfd9 8%, #bea9e5 68%, #a49bec);box-shadow:6px 6px 16px rgba(164,155,236,0.8);}
.menuList .zhiwei.sale a:hover,.menuList .zhiwei.sale.on a{background: linear-gradient(to right, #f3c084 8%, #f79a2d 68%, #f58604);box-shadow:6px 6px 16px rgba(245,134,4,0.8);}

.zhiweiCon{width: 211px;overflow: hidden;padding:30px 0;}
.menuL .prev{cursor:pointer;width: 151px;height: 30px;background: url(../images/top.png) no-repeat center 24px;display: inline-block;top: 0px;}
.menuL .next{cursor:pointer;width: 151px;height: 30px;background: url(../images/bottom.png) no-repeat center 24px;display: inline-block;bottom: 0px;}
.menuL .prev,.menuL .next{display: block;height:60px;position: absolute;}
.zhiwei_line{width:1px;height:651px;background: #d7d7d7;position: absolute;top: 0;left: 150px;}
.zhiInfo .more-view a{color:#666;}
.zhiInfo .more-view a:hover{color:#fff;}
.zhiInfo .more-view .icon_2{background: url(../images/s11.png);}

.product.more-view a{border: #fb9a78 1px solid;border-left: #fb9a78 4px solid;}
.product.more-view:before{background:#fb9a78;}
.front.more-view a{border: #77ceff 1px solid;border-left: #77ceff 4px solid;}
.front.more-view:before{background:#77ceff;}
.user.more-view a{border: #00e4b1 1px solid;border-left: #00e4b1 4px solid;}
.user.more-view:before{background:#00e4b1;}
.php.more-view a{border: #bea9e5 1px solid;border-left: #bea9e5 4px solid;}
.php.more-view:before{background:#bea9e5;}
/*图标*/
.tubiao{height:370px;background: #ddd}
.zhiInfo .L_1{width: 444px;margin-top:125px;margin-left: 46px;}
.zhiInfo .L_1 .icon{width: 100%;height:70px;display: block;text-align: right;margin-bottom:20px;}
.zhiInfo .L_1 .zw{text-align:right;color:#666;font-size:18px;}
.zhiInfo .L_1 .zw .english{font-size:14px;}
.zhiInfo .L_1 .zw em{width: 12px;height:16px;background: url(../images/l_2.png);display: inline-block;vertical-align: middle;}
.zwCon{color:#666;}
.zwCon span{font-size:18px;display: block;text-align: right;margin:50px 0 20px;}
.zwCon p{font-size:14px;line-height: 22px;margin-bottom:10px;display: block;}
.zhiInfo .L_2{width:430px;margin-top:186px;position: relative;}
.zhiInfo .L_2 .line{width:74px;height:2px;background:#a1a1a1;display: block;position: absolute;left:-74px;top:64px;}

/*links*/
.tbCon{width: 1199px;padding-top:74px;overflow: hidden;}
.tbCon .hover{display: none;}
.tbCon ul{width: 1200px;height: 175px;overflow: hidden;}
.tbCon ul li a{width:200px;height:88px;display:inline-block;text-align:center;border-right:#c8c8c8 1px solid;border-bottom:#c8c8c8 1px solid;box-sizing: border-box;float:left;}
.tbCon ul li a img{display: block;margin: 27px auto;}

/*商务合作*/
.com_fo{position: relative;overflow: hidden;}
.f_bg{background: url(../images/f_bg.png) no-repeat right bottom;width:100%;height:847px;position: absolute;bottom: 0;}
.bot_hezuo{height:433px;background: #161817;}

.fhCon{padding-top:66px;position: relative;}
.ft_1 em{width:32px;height:3px;display: block;background: #e40314; }
.ft_1 span{font-size:20px;color: #e40314;display: block;margin-top:10px;margin-bottom:34px;}
.fc_2{color:#fff;font-size:16px;}
.fc_2 p{display: block;margin-bottom: 15px;}







